<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>TEST RESTFul</title>

<link rel="stylesheet" href="./../lib/element-ui/index.css?buildversion=20210715">
<link rel="stylesheet" href="../lib/codemirror/codemirror.css">
<link rel="stylesheet" href="../lib/codemirror/theme/darcula.css">
<link rel="stylesheet" href="./index.css">

</head>
<body>

	<div class="http-test">
		<div class="http-basic">
			<select v-model="basic.method">
				<option value ="GET" selected="selected">GET</option>
				<option value ="POST">POST</option>
			</select>
			<input type="text" v-model="basic.url" placeholder="请输入接口URL,如：/seeyon/rest/snail/x/TS_001" pattern="[a-zA-Z][a-zA-Z_0-9]*">
			<div class="btn-item" @click="onSend">SEND</div>
		</div>
		<div class="http-request">
			<div>
				<div v-bind:class="style.httpRequestTab_1" @click="onHttpRequestTabSelect(1)">Headers</div>
				<div v-bind:class="style.httpRequestTab_2" @click="onHttpRequestTabSelect(2)">Body</div>
				<div>&nbsp;</div>
			</div>
			<div>
				<div v-bind:class="style.httpRequestTab_1">
					<div v-for="h in headers">
						<input type="text" v-model="h.key" placeholder="Content-Type"/><span>:</span><input type="text" v-model="h.value" placeholder="application/json"/>
					</div>
					<div @click="onHttpRequestAddHeader">&#xe634;</div>
				</div>
				<div v-bind:class="style.httpRequestTab_2">
					<textarea name="restful_body" id="restful_body"></textarea>
				</div>
			</div>
		</div>
		
		<div class="http-response">
			<div>Response</div>
			<textarea name="restful_result" id="restful_result" readonly="readonly"></textarea>
		</div>
		
	</div>
</body>





<script type="text/javascript" src="../lib/vue.js?buildversion=20210715"></script>
<script type="text/javascript" src="../lib/element-ui/index.js?buildversion=20210715"></script>
<script type="text/javascript" src="../lib/codemirror/codemirror.js"></script>
<script type="text/javascript" src="../lib/codemirror/javascript.js"></script>
<script type="text/javascript" src="../../lib/snail.common.js"></script>
<script type="text/javascript" src="./index.js"></script>


</html>